<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/regisper.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/base.css" />
    <script src="main.js"></script>
</head>
<body>
    <section>
        <aside class="img_box"></aside>
        <h1 style="text-align:center;margin-top:30px;">用户注册</h1>
        <fieldset>
            <legend hidden>用户注册</legend>
            <form action="" method="POST">
                <table>
                    <tr>
                        <td><label for="userName">用户名：</label></td>
                        <td><input type="text" name="userName" id="userName"></td>
                        <td>
                            <nav class="error_block">
                                <div class="error_img"></div>
                                <div class="error_msg">
                                    <span class="okMessage">用户名没有重复</span>
                                </div>
                            </nav>
                        </td>
                    </tr>
                    <tr>
                        <td><label for="userName">昵称：</label></td>
                        <td><input type="text" name="userName" id="userName"></td>
                        <td>
                            <nav class="error_block">
                                <div class="error_msg">
                                    <span class="errorMessage">昵称没有输入</span>
                                </div>
                            </nav>
                        </td>
                    </tr>
                    <tr>
                        <td><label for="password">密码：</label></td>
                        <td><input type="password" name="password" id="password"</td>
                        <td>
                            <nav class="error_block">
                                <div class="error_img"></div>
                                <div class="error_msg"></div>
                            </nav>
                        </td>
                    </tr>
                    <tr>
                        <td><label for="password01">再输入一次</label></td>
                        <td><input type="password" nmae="password01" id="password01"></td>
                        <td>
                            <nav class="error_block">
                                <div class="error_img"></div>
                                <div class="error_msg"></div>
                            </nav>
                        </td>
                    </tr>
                    <tr>
                        <td><label for="email">Email:</label></td>
                        <td><input type="text" name="email" id="email"></td>
                        <td>
                            <nav class="error_block">
                                <div class="error_img"></div>
                                <div class="error_msg"></div>
                            </nav>
                        </td>
                    </tr>
                    <tr>
                        <td><label for="phone">手机号：</label></td>
                        <td><input type="text" name="phone" id="phone"</td>
                        <td>
                            <nav class="error_block">
                                <div class="error_img"></div>
                                <div class="error_msg"></div>
                            </nav>
                        </td>
                    </tr>
                    <tr>
                        <td>性别：</td>
                        <td colspan="2" class="wz">
                            <input type="radio" name="sex" value="1" id="man">
                            <label for="man" >男</label>&nbsp;
                            <input type="radio" name="sex"  value="2" id="woman">
                            <label for="woman">女</label>
                        </td>

                    </tr>
                    <tr>
                        <td>爱好：</td>
                        <td colspan="2" class="wz">
                            <input type="checkbox" name="hobbies" value="1" id="book">
                            <label for="book">读书</label>&nbsp;
                            <input type="checkbox" name="hobbies" value="2" id="music">
                            <label for="music">听音乐</label>&nbsp;
                            <input type="checkbox" name="hobbies" value="3" id="yundong">
                            <label for="yundong" >运动</label>&nbsp;
                            <input type="checkbox" name="hobbies" value="4" id="java">
                            <label for="java" >写代码</label>
                        </td>
                    </tr>
                    <tr>
                        <td>籍贯：</td>
                        <td>
                            <select id="province"></select>&nbsp;
                            <select id="city"></select>
                        </td>
                    </tr>
                    <tr>
                        <td>照片：</td>
                        <td colspan="2">
                            <input type="file" name="photo" accept="image/*">


                        </td>
                    </tr>
                    <tr>
                        <td>生日：</td>
                        <td colspan="2">
                            <input type="date" name="birthday">

                        </td>
                    </tr>
                    <tr>
                        <td colspan="3">
                            <nav id="userbutton" style="text-align:center;margin-top:50px;">
                            <button type="reset">重置</button>&nbsp;&nbsp;
                            <button type="submit">注册</button>
                        </nav>
                        </td>
                    </tr>



                </table>
            </form>
        </fieldset>
    </section>
</body>
</html>